<script setup lang="ts">
import { ref } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
/*
  1. v-model 用于表单元素的双向绑定 
    input/textarea/radio
  2. v-model可以用于父子组件通信
    vue2:
    父组件有一个属性要传递给子组件使用, 子组件又要修改该属性的值, 简化(父传子,子传父)过程, 可以用v-model的语法糖  
    子组件:
    定义属性 value, 定义自定义事件 input
    父组件:
    <子组件 v-model="属性" />
    .sync语法糖 实现多个父组件属性传递给子组件, 并且子组件修改父组件的属性值

    :money="money" @change-money="money = $event"
    v-model="money"
*/

const money = ref(100)
const car = ref('黄包车')
const house = ref('农村茅草屋')
</script>

<template>
  父组件
  <!-- <HelloWorld :money="money" @change-money="money = $event" /> -->
  <!-- <HelloWorld v-model="money" :car="car" @update:car="car = $event" /> -->

  <HelloWorld v-model="money" v-model:car="car" v-model:house="house" />
</template>

<style scoped></style>
